// 项目的根组件，一切组件的根基
// App被引入到了index.js,渲染到public/index.html文件中id为root的div

import { useState } from "react";


// 受控绑定表单
// 1. 声明一个React状态

// 2. 核心绑定流程
// 2.1. 通过value属性绑定React状态
// 2.2. 绑定onChange事件，通过事件参数e拿到输入框最新的值，反向修改到React状态身上

function App11() {
  const [value, setValue] = useState('')
  return (
    <div className="App">
      <input value={value} onChange={(e) => setValue(e.target.value)} type="text"/>
    </div>
  )
}

export default App11
